<template>
    <div>
        <div class="neirong">
            <p><span class="iconfont icon-dizhi"></span>地址：四川成都市武侯区国信安教育</p>
            <p><span class=" iconfont icon-shijian"></span>时间：8:00-17:00</p>
            <p><span class=" iconfont icon-dianhua"></span>联系电话：820-820-8820</p>
        </div>
        <view class="page-body">
            <view class="page-section page-section-gap">
                <map style="width: 100%; height: 400px;" :latitude="latitude" :longitude="longitude" :markers="covers">
                </map>
            </view>
        </view>
    </div>
</template>

<script>
    export default {
        data() {
            return {

                // longitude 经度
                // latitude 纬度
                // scale 缩放层级 最小5，最大18
                // markers 地图标记
                // bindmarkertap 点击markers时的事件
                // polyline="{{polyline}}" 绘制多边形
                // style

                id: 1, // 使用 marker点击事件 需要填写id
                title: 'map',
                latitude: 30.548401,
                longitude: 104.059196,
                covers: [{
                    latitude: 30.548401,
                    longitude: 104.059196,
                    iconPath: '../../static/didian.png'
                }, {
                    latitude: 30.548401,
                    longitude: 104.059196,
                    iconPath: '../../static/didian.png'
                }]
            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style>
    .neirong {
        height: 160px;
        /* background: linear-gradient(0deg, #F48FB1 0%, #FEECBB 100%);
        box-shadow: 9px 12px 16px 0px rgba(244, 143, 177, 0.38); */
    }

    .neirong p {
        padding: 20rpx 30rpx;
    }

    .neirong span {
        display: inline-block;
        margin-right: 30rpx;
    }
</style>